<template>
	<view class="page-web">
		<webViewTitle :title="title" />
		<view class="page-inner">
			<web-view :src="url"></web-view>
		</view>
	</view>
</template>

<script>
	import webViewTitle from "@/componts/webViewTitle.vue";

	export default {
		components: {
			webViewTitle
		},
		data() {
			return {
				url: "",
				title: "",
			}
		},
		onLoad(options) {
			if (options && options.url) {
				console.log("options", options);
				this.url = options.url + '&utm_source=imtoken'
				console.log("this.url",this.url);
				this.title = options.title
			}
		},
		methods: {

		},
		onReady() {
			var wv;
			var height = 0;

			uni.getSystemInfo({
				//成功获取的回调函数，返回值为系统信息
				success: (sysinfo) => {
					height = sysinfo.windowHeight - 100; //自行修改，自己需要的高度 此处如底部有其他内容，可以直接---(-50)这种
				},
				complete: () => {}
			});
			var currentWebview = this.$scope
				.$getAppWebview() //此对象相当于html5plus里的plus.webview.currentWebview()。在uni-app里vue页面直接使用plus.webview.currentWebview()无效
			console.log(height)
			setTimeout(function() {
				wv = currentWebview.children()[0]
				wv.setStyle({
					top: 80,
					height: height
				})
			}, 1000); //如果是页面初始化调用时，需要延时一下
		},

	}
</script>

<style scoped>
	.page-web {
		flex: 1;
		width: 100%;
		flex-direction: column;
	}

	.page-inner {
		flex: 1;
	}
</style>
